<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8">
<title>WangID通城——设置头像</title>
<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" type="text/css" href="css/ziy.css">
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="pie.js"></script>
 
</head>
<body>

<!--头部-->
<jsp:include page="public_header.jsp" />

<jsp:include page="public_gerenheader.jsp" />
<!---->
<div class="wod_tongc_zhongx">
	<div class="beij_center">
		<div class="myGomeWeb">
			<!--侧边导航-->
			<jsp:include page="public_gerenCeBian.jsp" />
			<!--左边内容-->
			<div class="mod_main">
				<div class="jib_xinx_kuang">
					<div class="wt">
						<ul>
							<li><a href="ger_xinx.jsp">个人信息</a></li>
							<li class="dangq_hongx"><a href="shez_toux.jsp">设置头像</a></li>
							<li><a href="gengd_ger_xinx.jsp">更多个人信息</a></li>
						</ul>
					</div>
					<div class="wd">
						 <div class="up_avater">
						 	<div class="warp_tip">
						 		<div id="up_avater_btn" class="avater_btn">+上传头像</div>
						 		<div class="upload_tip">
						 			<p class="upload_text">仅支持JPG、JPEG、PNG图片文件，且文件小于2M</p>
						 		</div>
						 		<div class="upload_main">
						 			<div class="up-left">
							 			<div class="pic-show">
								 			<div class="pic-wrap ">
								 				<img src="images/7_170312181624_2.jpg">
								 			</div>
							 			</div>
						 			</div>
						 			<div class="up-right">
						 				<div class="up-right-title">
							 				<h5>效果预览</h5>
							 				<p>你上传的图片会自动生成3种尺寸，请注意小尺寸的图片是否清晰</p>
						 				</div>
						 				<div class="up-top">
							 				<div class="pic-100-box">
								 				<div class="pic-100 ">
								 					<img src="images/7_170312181624_2.jpg">
								 				</div>
								 				<span class="pic-tip">100X100像素</span>
							 				</div>
						 				</div>
						 				<div class="uc_container">
							 				<div class="up-bottom uc-pic-img">
								 				<div class="pic-60-box">
									 				<div class="pic-60 ">
									 					<img src="images/7_170312181624_2.jpg">
									 				</div>
									 				<span class="pic-tip">60X60像素</span>
								 				</div>
							 				</div>
							 				<div class="uc-min uc-pic-img">
								 				<div class="pic-30-box">
								 					<div class="pic-30 ">
								 						<img src="images/7_170312181624_2.jpg">
								 					</div>
								 					<span class="pic-tip">30X30像素</span>
								 				</div>
							 				</div>
						 				</div>
						 			</div>
						 		</div>
						 	</div>
						 	<div class="upload_btn_box">
						 		<input type="button" value="保存" class="save-btn">
						 	</div>
						 </div>
					</div>
				</div>
			</div> 
		</div>
	</div>
</div>
 
 
<!--底部-->
<div class="dib_beij dib_beij_ger_zhongx">
	<div class="dib_jvz_beij">
		<div class="shangp_baoz">
			<p>本地购物&nbsp;&nbsp;看得见的商品</p>
			<p class="beng1">正品行货&nbsp;&nbsp;购物无忧</p>
			<p class="beng2">低价实惠&nbsp;&nbsp;帮你省钱</p>
			<p class="beng3">本地直发&nbsp;&nbsp;专业配送</p>
		</div>
		<div class="zhongj_youx">
			<div class="lieb_daoh">
				<h4>物流配送</h4>
				<ul>
					<li><a href="#">配送查询</a></li>
					<li><a href="#">配送服务</a></li>
					<li><a href="#">配送费用</a></li>
					<li><a href="#">配送时效</a></li>
					<li><a href="#">签收与验货</a></li>
				</ul>
			</div>
			<div class="lieb_daoh">
				<h4>支付与账户</h4>
				<ul>
					<li><a href="#">货到付款</a></li>
					<li><a href="#">在线支付</a></li>
					<li><a href="#">门店支付</a></li> 
					<li><a href="#">账户安全</a></li>
				</ul>
			</div>
			<div class="lieb_daoh">
				<h4>购物帮助</h4>
				<ul>
					<li><a href="#">购物保障</a></li>
					<li><a href="#">购物流程</a></li>
					<li><a href="#">焦点问题</a></li>
					<li><a href="#">联系我们</a></li> 
				</ul>
			</div>
			<div class="lieb_daoh">
				<h4>售后服务</h4>
				<ul>
					<li><a href="#">退换货服务</a></li>
					<li><a href="#">退款说明</a></li>
					<li><a href="#">专业维修</a></li>
					<li><a href="#">延保服务</a></li>
					<li><a href="#">家电回收</a></li>
				</ul>
			</div>
			<div class="lieb_daoh">
				<div class="kef_dianh">
					<p>客服电话</p><span>400-6677-937</span>
				</div>
				<div class="kef_dianh kef_dianh_youx">
					<p>意见收集邮箱</p><p>Ask@wangid.com</p>
				</div>
			</div> 
			<div class="lieb_daoh lieb_daoh_you">
				<div class="erw_ma_beij">
					<div class="erw_m">
						<h1><img src="images/mb_wangid.png"></h1>
						<span>扫码下载通城客户端</span>
					</div>
					<div class="erw_m">
						<h1><img src="images/mb_wangid.png"></h1>
						<span>扫码下载通城客户端</span>
					</div>
				</div>
			</div> 
		</div>
		<div class="beia_hao">
			<p>京ICP备：14012449号 黔ICP证：B2-20140009号  </p>
			<p class="gonga_bei">京公网安备：11010602030054号</p>
			<div class="renz_">
				<span></span>
				<span class="span1"></span>
				<span class="span2"></span>
				<span class="span3"></span>
			</div>
		</div>
	</div>
</div>
 

</body>

</html>
